<template>
  <!-- 打赏 -->
  <div id="reward">
    <el-divider content-position="left">打赏本站</el-divider>
    <p class="reward-tip-1">如果你觉得本站很棒，可以通过扫码支付打赏哦！</p>
    <p class="reward-tip-2">微信扫码：你说多少就多少~</p>
    <el-image class="reward-images" :src="require('@/assets/images/we_chat_reward.jpeg')" fit="contain">
    </el-image>
  </div>
</template>

<script>
export default {
    name: 'reward',
    data () {
        return {}
    },
    filters: {
        ellipsis (value, count) {
            if (!value) return ''
            if (value.length > count) {
                return value.slice(0, count) + '...'
            }
            return value
        }
    },
    methods: {},
    mounted () {
    }
}
</script>

<style scoped>
#reward {
  width: auto;
  height: 100%;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  background-color: #fff;
}

.reward-tip-1 {
  font-family: '微软雅黑';
  color: #333;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.reward-tip-2 {
  font-family: '微软雅黑';
  color: #333;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.reward-images {
  width: 100%;
  height: 100%;
}
</style>
